@charset "utf-8";
.dropdown{position: relative; display: inline-block;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content{display: none; position: absolute;}

.dropdown-content1 {display: none; position: absolute; background:#fafafa; width: 180px; padding:0;}
.dropdown-content1 li{list-style: none; height:42px; border-bottom:rgb(187, 187, 187) 1px dotted;}
.dropdown-content1 li a{font-size:14px; line-height:42px; display: block; text-align: left; text-indent:1.2em;}
.dropdown-content1 li a:hover{background:#1074d1; color:#fff;}
.dropdown-content1 li a span{font-size:6px; color:#555; margin-left:8px;}
.dropdown:hover .dropdown-content1 {display: block;}

.spc{font-size:7px; color:#1074d1; margin-left:-10px;}

#div1 ul{list-style-type:none;}
#div1 a{font-size:14px; text-decoration: none; color:#333; display: block; line-height:42px; text-align: left; text-indent:1.2em;}
#div1 a:hover{background:#1074d1; color:#fff;}
#div1 ul li{background:#fafafa; border-bottom:rgb(187, 187, 187) 1px dotted; width:180px; text-align:center;}
#div1 ul li ul{display:none;}/* --默认隐藏一级菜单外的其他菜单--*/
#div1 ul li:hover ul{display:block; position:relative; height:0px; top:-42px;}
#div1 ul li:hover ul li ul{display:none;} /*--当鼠标聚焦到一级菜单下的li的时候，隐藏三级菜单--*/
#div1 ul li ul li:hover ul{display:block;} /*--当鼠标聚焦到二级菜单下的li的时候，显示三级菜单,并设置菜单显示为block样式--*/
#div1 ul li ul li:hover ul li ul{display:none;} /*--当鼠标聚焦到二级菜单下的li的时候，隐藏四级菜单--*/
#div1 ul li ul li ul li:hover ul{display:block;} /*--当鼠标聚焦到三级菜单下的li的时候，显示四级菜单,并设置菜单显示为block样式--*/

#zynav{margin-left:-40px;} /* 没有about.html */
#zynavul{margin-left:141px;}
#zynavul1{margin-left:181px;} /* 只有about.html */

/* 以上 */
#zy-nav{font-size:15px; font-weight:normal;}
.zy-b1{font-size:40px; color:#fff; margin-top:260px; opacity:0.9; filter:alpha(opacity=90);}
.zy-b1 p{font-size:20px; color: #ddd;}
.zy-b2{font-size:40px; color:#fff; margin-top:350px; text-align: center; opacity:0.9; filter:alpha(opacity=90);}
.zy-b2 p{font-size:20px; color: #ddd; margin-top:15px;}
.zy-b3{font-size:50px; color:#fff; margin-top:230px; text-align: center; opacity:0.85; filter:alpha(opacity=85);}
.zy-b3 p{font-size:20px; color: #ddd;}
.zy-yy{width:32px; height: 32px; background:url(../img/en.png); margin-top:32px; display:block;}
.zy-yy:hover{background:url(../img/en1.png);}

.bn1{width:100%; height:auto;
    background: -webkit-radial-gradient(#aed6ff, #3d94fd); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#aed6ff, #3d94fd); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#aed6ff, #3d94fd); /* Firefox 3.6 - 15 */
    background: radial-gradient(#aed6ff, #3d94fd);
}
.bn1 h1{color:#fff; text-align: center; padding-top:110px; font-size: 50px;}
.bn1 p{font-size:26px; color: #fff; opacity:0.8; filter:alpha(opacity=80);}
.b-img1{margin-top:100px; padding-bottom:40px;}

.bn2{width:100%; height:auto;
background: -webkit-radial-gradient(rgb(117, 117, 117), rgb(0, 0, 0)); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(rgb(117, 117, 117),  rgb(0, 0, 0)); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(rgb(117, 117, 117), rgb(0, 0, 0)); /* Firefox 3.6 - 15 */
background: radial-gradient(rgb(117, 117, 117), rgb(0, 0, 0)); /* 标准的语法（必须放在最后） */
}
.bn2 h1{color:#fff; text-align: center; padding-top:110px; font-size: 50px;}
.bn2 p{font-size:26px; color:#fff; opacity:0.5; filter:alpha(opacity=50);}
.bn3{width:100%; height:auto;
    background: -webkit-radial-gradient(#aed6ff, #3d94fd); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#aed6ff, #3d94fd); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#aed6ff, #3d94fd); /* Firefox 3.6 - 15 */
    background: radial-gradient(#aed6ff, #3d94fd);
}
.bn3 h1{color:#fff; text-align: center; padding-top:100px; font-size: 40px;}
.bn-left{margin-top:100px;}
.bn-left p{font-size:18px; color:#fff; width:45%; line-height: 30px; float: right; margin-top:60px;}
.bn-left span{color:#fff;}
.bn-right{margin-top:50px; margin-bottom:80px;}

.container-fluid{padding-right: 0px;padding-left: 0px;}
.row{margin:0;}
.img-box1{overflow: hidden;}
.img-box{overflow: hidden; background: #000;}
.img-color{display: block;}
.img-color:hover{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.img-colorr{display: block;}
.img-colorr:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.img-click{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.img-click:hover{-webkit-transform:scale(1);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.img-clickk{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.img-clickk:hover{-webkit-transform:scale(1);-moz-transform:scale(0.94);-o-transform:scale(0.94);transform:scale(0.94);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.about-nr{width:54%; margin-left:40%;}
.about-nr h2{margin-top:40px;}
.about-nr p{line-height: 26px;text-indent: 2em; text-align:justify; margin-bottom:30px;}
.about-nr a{font-size:12px; border: #ccc 1px solid; padding: 9px 12px; border-radius:6px;}
.about-nr a:hover{background: #2776d6; color: #fff; border:#2776d6 1px solid;}

.product{width:100%; height: 1000px; background:url(../img/bg.jpg) center top; background-attachment:fixed;}
.product h2{color:#fff; margin-top: 90px;}
.product p{color:#eee;}
.pr{margin-top:50px;}
.q1{margin-left:3%; margin-top:-8%; font-size: 18px; color:#ddd; position:absolute;}
.q2{margin-left:5%; margin-top:-18%; font-size: 18px; color:#ddd; position:absolute;}

.ab{margin-top: 80px;}
.a-1{margin-top:20px;}
.a-1 span{color:#aaa; font-size: 12px; margin-left: 30px;}
.a-2{text-indent: 2em;}
.a-3{font-weight: bold; font-size: 13px;}
.ac{color:#2776d6;}

.indexbox{margin-bottom:70px;}
.foot{width:100%; height: auto; background: url(../img/foot.jpg) center top; }
.foot ul{margin-top:90px;}
.foot ul li{line-height: 40px; list-style: none;}
.foot ul li a{color:rgb(182, 198, 207);}
.foot ul li a:hover{color:#fff;}
.foot h2{color:#eee; margin-top:100px;}
.f-1{padding:10px; width:100%; border:rgb(185, 185, 185) 1px solid; background:none; margin-bottom: 15px; color:#fff;}
.f-1:hover{border:#fff 1px solid;}
.f-bn{border:rgb(185, 185, 185) 1px solid; padding:10px 30px; background:none; color:#fff; border-radius:2px;}
.f-bn:hover{border:#1f5ca7 1px solid; background: #1f5ca7; color:#fff;}
.fot{margin-top:160px; border-top:#999 1px solid;}
.f-logo{margin:15px auto;}
.fot p{font-size:14px; color:rgb(201, 201, 201); margin-top:20px; float: right;}
.fot a{margin-left:30px; color:rgb(201, 201, 201);}
.fot a:hover{color:#fff;}

.bn-about{width:100%; height:520px; background:url(../img/about.jpg) center top; background-attachment:fixed; display: block;}
.bn-about h1{color:rgba(255, 255, 255, 0.973); font-weight: bold; padding-top:225px; text-align: center;}
.bn-about h4{color:rgba(255, 255, 255, 0.87); font-weight: normal; margin-top:10px; text-align: center;}
.bn-about1{width:100%; height:520px; background:url(../img/about1.jpg) center top; background-attachment:fixed; display: block;}
.bn-about1 h1{color:#3d7cc9; font-weight: bold; padding-top:220px; text-align: center;}
.bn-about1 h4{color:#3d7cc9; font-weight: normal; margin-top:10px; text-align: center;}
.bn-about2{width:100%; height:520px; background:url(../img/about2.jpg) center top; background-attachment:fixed; display: block;}
.bn-about2 h1{color:#ffffff; font-weight: bold; padding-top:220px; text-align: center;}
.bn-about2 h4{color:#ffffff; font-weight: normal; margin-top:10px; text-align: center;}
.bn-about3{width:100%; height:520px; background:url(../img/about3.jpg) center top; background-attachment:fixed; display: block;}
.bn-about3 h1{color:#3d7cc9; font-weight: bold; padding-top:220px; text-align: center;}
.bn-about3 h4{color:#3d7cc9; font-weight: normal; margin-top:10px; text-align: center;}
.bn-contact{width:100%; height:520px; background:url(../img/contact.jpg) center top; background-attachment:fixed; display: block;}
.bn-contact h1{color:#3d7cc9; font-weight: bold; padding-top:220px; text-align: center;}
.bn-contact h4{color:#3d7cc9; font-weight: normal; margin-top:10px; text-align: center;}
.bn-contact1{width:100%; height:520px; background:url(../img/contact1.jpg) center top; background-attachment:fixed; display: block;}
.bn-contact1 h1{color:#3d7cc9; font-weight: bold; padding-top:200px; text-align: center;}
.bn-contact1 h4{color:#3d7cc9; font-weight: normal; margin-top:10px; text-align: center;}
.bn-news{width:100%; height:360px; background:url(../img/news.jpg) center top; background-attachment:fixed; display: block;}
.nzt{padding-top:160px; margin-left:10px; font-size:36px; color:#0c50a3;}
.nzt p{font-size:30px; color:#fff;}
.bn-product{width:100%; height:500px; background:url(../img/product.jpg) center top; background-attachment:fixed; display: block;}
.pzt{padding-top:170px; margin-left:10px; font-size:36px; color:#fff;text-shadow: 1px 1px 9px rgba(0,0,0,1)}
.pzt p{font-size:21px; color:#fff;}

.bl{margin:80px 0 40px 0;}

.inab{border-bottom:#ddd 1px solid; height:60px; background:#fff;}
.inab ul{width:100%; list-style: none;}
.inab ul li{display: inline-block; padding: 0 60px;}
.inab ul li a{font-size: 16px; line-height:50px;}
.inab ul li a:hover{border-bottom:#3586e9 3px solid; padding-bottom:21px;}
.i-active{border-bottom:#3586e9 3px solid; padding-bottom:21px;}

.bt{margin:60px 0 30px 0;}
.bt4{color:#666; font-weight: normal; font-size: 18px;}
.nr{line-height: 30px; text-indent: 2em; color:#777; margin: 0; font-size: 16px;}
.bt-n1{font-size:16px; font-weight: normal; text-align: center; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; color: #666;}
.bt-n1 b{font-size:70px; color: #448de7ea;}
.bt-n1 b:hover{color: #ccc;}
.bt-n1 span{font-size:60px; color: #448de7ea;}
.bt-n1 span:hover{color: #ccc;}

.dq{width:100%; height:auto; background: #448de7ea;}
.dq h2{color:rgba(255, 255, 255, 0.966); text-align: center; padding-top:70px;}
.dq h3{color:rgba(255, 255, 255, 0.911); text-align: center; font-size: 15px; font-weight: normal; margin-top: 15px;}
.dq h4{color:rgb(224, 224, 224); text-align: center; font-size: 14px; font-weight: normal; margin-top: 10px;}
.dq1{width:100%; height:500px; background:url(../img/dq.png) no-repeat center bottom;}

.partner1{background:#fdfcfc;}
.partner1 h2{margin-top:80px; text-align: center;}
.partner1 h3{margin:15px 0 40px 0; text-align: center; font-size: 15px; font-weight: normal; color:#777;}
.partner1 figure {width: 20%; position: relative; text-align: left; float: left; margin:30px 0 100px 0;}
.partner1 figure img {vertical-align: middle;}

#zst{margin-top:10px;}
.honor{width:100%; height: auto;}
.honor h2{margin-top:80px; color:#1f5ca7;}
.honor h3{font-weight: normal; color:#999;}
.honor h6{font-size: 18px; color:#444; margin-top:80px; font-weight: normal;}
.honor p{color:#888; margin-top:15px; line-height: 24px; font-size: 14px;}
.bp{ border-bottom: #ddd 1px solid; padding-bottom:60px;}
.hn{margin:40px 0 60px 0;}

.s-1{box-shadow: rgb(219, 219, 219) 0px 0px 15px 1px; border-radius:5px; margin-bottom:80px; padding: 0; height: auto;}
.s-1 h3{margin:70px 0 20px 45px; color:#1f5ca7; font-size: 24px;}
.s-1 p{padding-left: 45px; padding-right: 45px; line-height: 26px; text-align:justify; text-indent: 2em;}
.s-1 span{margin:30px 0 0 45px; color:#d8d8d8; font-size: 30px;}

.yj{border:#ddd 1px solid; margin:20px 0 50px 0;}
.yj h2{font-weight: normal; text-align: center; margin: 60px 0 30px 0; color:#1f5ca7;}
.yj p{padding-left:20px; padding-right:20px;text-align:justify; text-indent: 2em; line-height:30px; margin-bottom:30px; color:#777;}
.yj span{color:#2776d6;}
.yj img{margin:10px auto;}

.yj1{border:#ddd 1px solid; margin:20px 0 80px 0;}
.yj1 h2{font-weight: normal; text-align: center; margin: 60px 0 30px 0; color:#1f5ca7;}
.yj1 p{padding-left:10px; padding-right: 10px;text-align:justify; line-height:28px; margin-bottom:20px; color:#777;}
.yj1 img{margin:15px auto;}

.c-1{margin:30px auto;}
.st{margin-bottom: 15px;}
.c-1 h2{font-weight: normal; color:#246dc7;}
.c-1 p{color:#777; line-height: 30px;}
.c-1 a{color:#777;}
.c-1 a:hover{color:#2776d6;}
.cj{font-weight: normal; text-align: center; color:rgb(122, 122, 122); margin:50px 0 20px 0; font-size:26px; border-bottom: #ddd 1px solid; padding-bottom: 20px;}
.cj span{font-size: 30px;}
/*.cd{margin:10px 0 40px 0;}*/
.cd p{font-size: 20px; margin-top:6px; color:#0c50a3;}
.cd span{font-size: 14px; color:#999;}
.fb{border:#ddd 1px solid; border-radius:5px; background:none;}
.fb1{width:100%; padding:8px; font-size: 15px; background:#5898e6; color: #fff; border:#5898e6 1px solid; border-radius:5px; margin-top: 20px;}
.fb1:hover{background:#86b9f7; border:#86b9f7 1px solid;}

.nylist{ padding-top: 5px; padding-bottom: 20px; border: 1px solid #ddd; margin-bottom: 15px; display: inline-block;}
.nylist:hover{ border: 1px solid #333;}
.nylist img{ margin-top: 15px;}
.newnr{ padding: 20px 15px;}
.newnr h3{ margin-bottom: 5px; font-size: 22px; font-weight: normal;}
.newnr span{ line-height: 28px; color: #999; margin-bottom: 10px; display: inline-block; font-size:12px;}
.newnr p{ font-size: 14px; line-height: 24px; color:#777;}
.pg{margin:40px auto;}
/*.xq{margin:0 0 60px 0;}*/
.xq h3{font-size:14px; color:#888; text-align: center; font-weight: normal; border-top:rgb(231, 231, 231) 1px solid; padding-top: 10px;}
.xq p{line-height:30px; margin: 0; color:#666;}
.p-list{margin:30px auto;}
.p-list ul{width:100%;}
.p-list li{float: left;list-style: none; width:10.6%; border-right:#ccc 1px dotted;}
#pli{border-left:#ccc 1px dotted;}
.p-list li a{display: block; text-align: center; font-size:12px; margin:20px auto;}
.sp0{background:url(../img/sp0.png) no-repeat center top; padding-top:80px;}
.sp0:hover{background:url(../img/sp0.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp1{background:url(../img/sp1.png) no-repeat center top; padding-top:80px;}
.sp1:hover{background:url(../img/sp1.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp2{background:url(../img/sp2.png) no-repeat center top; padding-top:80px;}
.sp2:hover{background:url(../img/sp2.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp3{background:url(../img/sp3.png) no-repeat center top; padding-top:80px;}
.sp3:hover{background:url(../img/sp3.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp4{background:url(../img/sp4.png) no-repeat center top; padding-top:80px;}
.sp4:hover{background:url(../img/sp4.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp5{background:url(../img/sp5.png) no-repeat center top; padding-top:80px;}
.sp5:hover{background:url(../img/sp5.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp6{background:url(../img/sp6.png) no-repeat center top; padding-top:80px;}
.sp6:hover{background:url(../img/sp6.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp7{background:url(../img/sp7.png) no-repeat center top; padding-top:80px;}
.sp7:hover{background:url(../img/sp7.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.sp8{background:url(../img/sp8.png) no-repeat center top; padding-top:80px;}
.sp8:hover{background:url(../img/sp8.png) no-repeat center top; opacity:0.8; filter:alpha(opacity=80); color:#2e6db9;}
.xqb{background:rgb(43, 138, 228); color:#fff; padding:4px; font-size: 13px; padding-left:10px;}
.p-active{background:#3080e2; border:none; color:#fff;}
/*.p-box{margin:40px 0 60px 0;}*/
.kb{border:#ddd 1px solid; border-radius:5px;}
.p-box-img{}
.p-box-img p{margin-top:5px; color:#666; font-size: 14px;}
.p-na{font-size:18px; color:#666; margin: 10px 0 20px 15px;}
.p-na span{margin:0 10px 0 10px;}
.p-na a{color:#246dc7;}
.p-na a:hover{color:#246dc7;}
.box{margin-bottom: 40px;}
/*.p-show{margin:50px 0 80px 0;}*/
.p-show h3{font-weight: normal;}
.s-line{border-bottom:#ddd 1px solid; padding-bottom: 20px;}
.hhh{margin-top:40px;}
.hh{margin-bottom:30px;}
.lzt{color:#666;}



@media (min-width:1731px) and (max-width:3000px) {
    .ddd{display: none;}
}

@media (min-width:1280px) and (max-width:1730px) {
.about-nr{width:75%; margin-left:20%;}
.about-nr h2{margin-top:20px;}
.about-nr p{line-height: 26px;text-indent: 2em; text-align:justify; margin-bottom:20px; height:100px; overflow: hidden;}
.about-nr a{font-size:12px; border: #ccc 1px solid; padding: 9px 12px; border-radius:6px;}
.about-nr a:hover{background: #2776d6; color: #fff; border:#2776d6 1px solid;}
.ddd{margin-top:-25px; color:#999;}
} 

@media (min-width:1024px) and (max-width:1100px) {
    .about-nr{width:88%; margin-left:9%;}
    .about-nr h2{margin-top:15px; font-size:18px;}
    .about-nr p{line-height:24px;text-indent: 2em; text-align:justify; margin-bottom:8px; height:70px; overflow: hidden; font-size:14px;}
    .about-nr a{font-size:11px; border: #ccc 1px solid; padding:5px 8px; border-radius:6px;}
    .about-nr a:hover{background: #2776d6; color: #fff; border:#2776d6 1px solid;}
    .ddd{margin-top:-12px; color:rgb(170, 170, 170);}

    .bn3 h1{color:#fff; text-align: center; padding-top:70px; font-size: 40px;}
    .bn-left{margin-top:50px;}
    .bn-left p{font-size:18px; color:#fff; width:90%; line-height: 28px; float: right; margin-top:60px;}
    .bn-left span{color:#fff;}
    .bn-right{margin-top:50px; margin-bottom:80px;}
    .d3{width:90%;}
    } 

@media (min-width:320px) and (max-width:991px) {
    #m2, .ddd{
    	/*display: none !important;*/
    	height: auto;
    	padding: 30px 0;
    }
    .product h2{
    	margin-top: 15px;
    }
    .zy-b2{font-size:36px; color:#fff; margin-top:350px; text-align: center; opacity:0.9; filter:alpha(opacity=90);}

    .bn3 h1{color:#fff; text-align: center; padding-top:60px; font-size: 40px;}
    .bn-left{margin-top:30px;}
    .bn-left p{font-size:18px; color:#fff; width:95%; line-height: 28px; float: right; margin-top:10px;}
    .bn-left span{color:#fff;}
    .bn-right{margin-top:50px; margin-bottom:80px;}
    .d3{width:55%; margin-left: 180px;}

    .about-nr{width:90%; margin-left:5%; margin-bottom:40px;}
    .about-nr p{margin-bottom:10px;}

    .partner{background:#222; margin-top:10px;}
    .partner h2{margin-top:40px; color:#ccc;}
    .partner figure {width: 20%; position: relative; text-align: left; float: left; margin-bottom:40px;}
    .partner figure img {vertical-align: middle;}

    .m-4{margin-top:30px;}
    #mly{margin-top:50px;}
    .fot{margin-top:50px;}
}

/* here */
@media(min-width:320px) and (max-width:480px){
    .bn1 h1{padding-top:60px; font-size:35px;}
    .bn1 p{font-size:20px;}
    .b-img1{margin-top:40px; padding-bottom:30px;}
    .d1{width:90%;}
    .bn2 h1{padding-top:60px; font-size:30px;}
    .bn2 p{font-size:18px;}
    .d2{width:90%;}
    .bn3 h1{padding-top:60px; font-size:30px;}
    .bn-left{margin:0;}
    .bn-left p{font-size:13px; color:#fff; width:100%; line-height:24px; float:left; margin-top:5px;}
    .d3{width:70%; margin-left:60px;}
    .about-nr{width:90%; margin-left:5%; margin-bottom:40px;}
    .about-nr p{margin-bottom:10px;}
    .ddd{display: none;}
    .bn-about{width:100%; height:320px; background:url(../img/about.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about h1{color:rgba(255, 255, 255, 0.973); font-weight: bold; padding-top:160px; text-align: center; font-size:28px;}
    .bn-about h4{color:rgba(255, 255, 255, 0.87); font-weight: normal; margin-top:5px; text-align: center; font-size: 14px;}
    .mrr{margin-top:-30px;}
    .mr{margin-top:-70px;}
    .bn-about2{width:100%; height:320px; background:url(../img/about2.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about2 h1{color:rgba(255, 255, 255, 0.973); font-weight: bold; padding-top:160px; text-align: center; font-size:28px;}
    .bn-about2 h4{color:rgba(255, 255, 255, 0.87); font-weight: normal; margin-top:5px; text-align: center; font-size: 14px;}
    .bn-about3{width:100%; height:320px; background:url(../img/about3.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about3 h1{color:#1074d1; font-weight: bold; padding-top:160px; text-align: center; font-size:28px;}
    .bn-about3 h4{color:#1074d1; font-weight: normal; margin-top:5px; text-align: center; font-size: 14px;}
    .bn-about1{width:100%; height:320px; background:url(../img/about1.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about1 h1{color:#1074d1; font-weight: bold; padding-top:160px; text-align: center; font-size:28px;}
    .bn-about1 h4{color:#1074d1; font-weight: normal; margin-top:5px; text-align: center; font-size: 14px;}
    .bn-product{width:100%; height:350px; background:url(../img/product.jpg) center top; background-attachment:fixed; display: block;}
    .pzt{padding-top:170px; margin-left:10px; font-size:28px; color:#fff;}
    .pzt p{font-size:16px; color:#fff;}
    .bn-contact{width:100%; height:320px; background:url(../img/contact.jpg) center top; background-attachment:fixed; display: block;}
    .bn-contact h1{color:#3d7cc9; font-weight: bold; padding-top:160px; text-align: center; font-size:28px;}
    .bn-contact h4{color:#3d7cc9; font-weight: normal; margin-top:5px; text-align: center; font-size: 14px;}
    .bn-contact1{width:100%; height:320px; background:url(../img/contact1.jpg) center top; background-attachment:fixed; display: block;}
    .bn-contact1 h1{color:#3d7cc9; font-weight: bold; padding-top:160px; text-align: center; font-size:28px;}
    .bn-contact1 h4{color:#3d7cc9; font-weight: normal; margin-top:5px; text-align: center; font-size: 14px;}
    .bn-news{width:100%; height:300px; background:url(../img/news.jpg) center top; background-attachment:fixed; display: block;}
    .nzt{padding-top:160px; margin-left:10px; font-size:36px; color:#0c50a3; font-size:28px;}
    .nzt p{font-size:30px; color:#fff; font-size: 14px;}
}

@media(max-width:320px){
    .zy-b1{font-size:24px; color:#fff; margin-top:170px; opacity:0.9; filter:alpha(opacity=90);}
    .zy-b1 p{font-size:14px; color: #ddd;}
    .zy-b2{font-size:24px; color:#fff; margin-top:170px; text-align: center; opacity:0.9; filter:alpha(opacity=90);}
    .zy-b2 p{font-size:14px; color: #ddd; margin-top:15px;}
    .zy-b3{font-size:26px; color:#fff; margin-top:120px; text-align: center; opacity:0.85; filter:alpha(opacity=85);}
    .zy-b3 p{font-size:14px; color: #ddd;}
}    

@media (min-width:1px) and (max-width:991px) {
    #m1{display: none !important;} /* 下拉导航隐藏 */
}
@media (min-width:992px) {
    #m3{display: none !important;}
}

@media (min-width:481px) and (max-width:640px) {
    .zy-b1, .zy-b2{font-size:30px; margin-top:200px;}
    .zy-b3{font-size:30px; margin-top:150px;}

    .bn1 h1{padding-top:50px; font-size:30px;}
    .bn1 p{font-size:18px;}
    .b-img1{margin-top:60px; padding-bottom:30px;}
    .d1{width:80%;}

    .bn2 h1{padding-top:50px; font-size:30px;}
    .bn2 p{font-size:18px;}
    .b-img1{margin-top:60px; padding-bottom:30px;}
    .d2{width:80%;}

    .bn3 h1{padding-top:50px; font-size:30px;}
    .bn3 p{font-size:16px; line-height: 24px; margin-top:-20px;}
    .d3{margin-left:150px; margin-top:20px;}
}

@media (min-width:321px) and (max-width:480px) {
    .zy-b1, .zy-b2{font-size:22px; margin-top:200px;}
    .zy-b3{font-size:22px; margin-top:150px;}
    .bn3 p{font-size:14px;}
    .d3{margin-left:100px; margin-top:20px; margin-bottom:-30px;}
}

@media (max-width:320px) {
    .bn1 h1{font-size:24px; padding-top:40px;}
    .bn1 p{font-size:12px;}
    .b-img1{margin-top:30px; padding-bottom:10px;}
    .bn2 h1{font-size:24px; padding-top:40px;}
    .bn2 p{font-size:12px;}
    .bn3 h1{font-size:24px; padding-top:40px;}
    .bn3 p{font-size:12px;}
    .d3{margin-left:60px; margin-top:20px; margin-bottom:-50px;}
    .about-nr h2, .partner h2{font-size:22px;}
    .ab{margin-top:30px; font-size:22px;}
    .m-4{margin-top:10px;}
    .pr{margin-top:10px;}
    #mly{margin-top:20px; font-size:22px;}
}
@media (max-width:991px){
    #abm{background:#fff;}
}



@media (min-width:961px) and (max-width:1024px){
    .bn-about{width:100%; height:440px; background:url(../img/about.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about1{width:100%; height:440px; background:url(../img/about1.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about2{width:100%; height:440px; background:url(../img/about2.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about3{width:100%; height:440px; background:url(../img/about3.jpg) center top; background-attachment:fixed; display: block;}
    .bn-contact{width:100%; height:440px; background:url(../img/contact.jpg) center top; background-attachment:fixed; display: block;}
    .bn-contact1{width:100%; height:440px; background:url(../img/contact1.jpg) center top; background-attachment:fixed; display: block;}
    .bn-news{width:100%; height:320px; background:url(../img/news.jpg) center top; background-attachment:fixed; display: block;}
    .bn-product{width:100%; height:360px; background:url(../img/product.jpg) center top; background-attachment:fixed; display: block;}
}

@media (min-width:641px) and (max-width:960px){
    .bn-about{width:100%; height:400px; background:url(../img/about.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about h1{padding-top:160px; font-size:35px;}
    .bn-about h4{margin-top:5px; font-size:18px;}
    .bn-about1{width:100%; height:400px; background:url(../img/about1.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about2{width:100%; height:400px; background:url(../img/about2.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about2 h1{padding-top:200px; font-size:35px;}
    .bn-about2 h4{font-size:18px; margin-top:-15px;}
    .bn-about3{width:100%; height:400px; background:url(../img/about3.jpg) center top; background-attachment:fixed; display: block;}
    .bn-about3 h1{padding-top:200px; font-size:35px;}
    .bn-about3 h4{font-size:18px; margin-top:-15px;}
    .bn-contact{width:100%; height:400px; background:url(../img/contact.jpg) center top; background-attachment:fixed; display: block;}
    .bn-contact1{width:100%; height:400px; background:url(../img/contact1.jpg) center top; background-attachment:fixed; display: block;}
    .bn-news{width:100%; height:290px; background:url(../img/news.jpg) center top; background-attachment:fixed; display: block;}
    .bn-product{width:100%; height:320px; background:url(../img/product.jpg) center top; background-attachment:fixed; display: block;}
}


@media (min-width:992px) and (max-width:30000px) {
    .mmenu{display: none;}
}
@media (min-width:641px) and (max-width:991px) {
    .mmenu{ margin-top:-40px; margin-bottom: -40px;}
    .mmenu ul{width:100%; border-top:#999 1px solid; padding-top:15px;}
    .mmenu ul li{float: left;}
    .mmenu ul li a{text-align: left; margin-left:5px; margin-right: 5px; font-size: 14px; color:#eee;}
}
@media (min-width:1px) and (max-width:640px) {
    .mmenu{ margin-top:-40px; margin-bottom:-145px;}
    .mmenu ul{width:100%; border-top:#999 1px solid; padding-top:15px;}
    .mmenu ul li{float: left;}
    .mmenu ul li a{text-align: left; margin-left:5px; margin-right: 5px; font-size: 14px; color:#eee;}
}

@media (min-width:1px) and (max-width:991px) {
    .zy-yy{width:32px; height: 32px; background:url(../img/en.png); margin-top:10px; margin-bottom:20px; margin-left:25px; display:block;}
    .zy-yy:hover{background:url(../img/en1.png);}
}

@media (min-width:992px) and (max-width:1369px) {
    #zynav{margin-left:-82px;}
    #m12{width:140px !important;}
    #m13{width:140px !important; margin-left:-40px !important;}
    #m14{width:180px !important; margin-left:-40px !important;}

    #zynavv{margin-left:-42px;}
}

@media(min-width:605px) and (max-width:960px){
    .p-list li{width:20%; border:#ccc 1px dotted;}
    .p-list li a{font-size:13px;}
}

@media(min-width:395px) and (max-width:604px){
    .p-list li{width:33.3%; border:#ccc 1px dotted;}
    .p-list li a{font-size:14px;}
}

@media(min-width:1px) and (max-width:394px){
    .p-list li{width:50%; border:#ccc 1px dotted;}
    .p-list li a{font-size:14px;}
}

/*产品详情*/
.pro-del-js table{
    width: 100%!important;
    margin-top: 10px;
}
.pro-del-js table td{
    padding: 10px 4px!important;
    text-align: center;
}

.pro-del-js table tr:nth-of-type(1){
    border-top: solid 2px #000;
    border-bottom: solid 2px #000;
    background: transparent!important;
    color: #000!important;
}
.pro-del-js table tr:nth-of-type(2n-1){
    background: #01afb8;
    color: #fff;
}
.cd-nav-trigger{
    display: none;
}
.cd-primary-nav{

    padding-top: 15%;
    list-style: none;
    padding-left: 0!important;
}
.cd-primary-nav li{
    list-style: none;
}
@media(max-width:1024px){
    .inab ul li{display: inline-block; padding: 0 40px;}
    .cd-nav-trigger{
        display:block!important;
    }
    .header{
        background: #fff!important;
    }
    .inab{
        display: none;
    }
    .p-list{
        display: none;
    }
}
@media(max-width:991px){
    .inab ul li{display: inline-block; padding: 0 20px;}
    .m-n{display: none;}
}
@media(min-width:320px) and (max-width:890px){
    .dq1{display:none;}
}

@media(min-width:320px) and (max-width:480px){
    .dq h2{padding-top:40px;}
}